<!--
  Generated template for the HomePage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title><span>首页</span> </ion-title>
  </ion-navbar>

</ion-header>


<ion-content >
  <ion-item-group>
    <ion-list-header><span>计划管理</span></ion-list-header>
      <ion-grid>
          <ion-row>
            <ion-col text-center col-3 (click)="gopage('DemoH5CatalogPage')">
                <i class="iconfont  icon-xitongsheji" style="color:rgb(54, 197, 197)"></i><br>
                <span class="title">H5_demo</span>
            </ion-col>
            <ion-col text-center col-3 (click)="gopage('DemoNavCatalogPage')">
                <i class="iconfont  icon-zujian" style="color:rgb(230, 108, 52)"></i><br>
                <span class="title">Nav_demo</span>
            </ion-col>
            <ion-col text-center col-3>
                <i class="iconfont  icon-shujujianmo" ></i><br>
                <span class="title">功能模块</span>
            </ion-col>
            <ion-col text-center col-3>
                <i class="iconfont  icon-shujujianmo" ></i><br>
                <span class="title">功能模块</span>
            </ion-col>
            <ion-col text-center col-3>
                <i class="iconfont  icon-shujujianmo" ></i><br>
                <span class="title">功能模块</span>
            </ion-col>
            <ion-col text-center col-3>
                <i class="iconfont  icon-shujujianmo" ></i><br>
                <span class="title">功能模块</span>
            </ion-col>
          </ion-row>
        </ion-grid>
  </ion-item-group>
  
  <ion-item-group>
      <ion-list-header><span>控制管理</span></ion-list-header>
        <ion-grid>
            <ion-row>
              <ion-col text-center col-3 (click)="gopage('DemoH5CatalogPage')">
                  <i class="iconfont  icon-xitongsheji" style="color:rgb(54, 197, 197)"></i><br>
                  <span class="title">H5_demo</span>
              </ion-col>
              <ion-col text-center col-3 (click)="gopage('DemoNavCatalogPage')">
                  <i class="iconfont  icon-zujian" style="color:rgb(230, 108, 52)"></i><br>
                  <span class="title">Nav_demo</span>
              </ion-col>
              <ion-col text-center col-3>
                  <i class="iconfont  icon-shujujianmo" ></i><br>
                  <span class="title">功能模块</span>
              </ion-col>
              <ion-col text-center col-3>
                  <i class="iconfont  icon-shujujianmo" ></i><br>
                  <span class="title">功能模块</span>
              </ion-col>
                <ion-col text-center col-3>
                    <i class="iconfont  icon-shujujianmo" ></i><br>
                    <span class="title">功能模块</span>
                </ion-col>
                <ion-col text-center col-3>
                    <i class="iconfont  icon-shujujianmo" ></i><br>
                    <span class="title">功能模块</span>
                </ion-col>
            </ion-row>
          </ion-grid>
    </ion-item-group>
      <!-- 悬浮菜单 -->
      <ion-fab bottom right >
          <button ion-fab><i class="iconfont icon-qitapeizhi"></i></button>
          <ion-fab-list side="left">
              <button ion-fab (click)="gopage('DemoNavCatalogPage')"><i class="iconfont icon-zujian"></i></button>
              <button ion-fab (click)="gopage('DemoH5CatalogPage')"><i class="iconfont icon-xitongsheji"></i></button>
          </ion-fab-list>
        </ion-fab>
</ion-content>
